<template>
    <el-container style="height: 100%; border: 1px solid #eee">
        <el-aside width="200px" style="background-color:white">
            <el-menu :default-openeds="['', '']" router>
                <el-menu-item index="/"><i class="el-icon-menu"></i>首页</el-menu-item>
                <el-submenu index="1">
                    <template slot="title"><i class="el-icon-document"></i>数据源管理</template>
                    <el-menu-item index="dataSource"><i class="el-icon-edit-outline"></i>数据源管理</el-menu-item>
                </el-submenu>
                <el-submenu index="2">
                    <template slot="title"><i class="el-icon-document"></i>报表管理</template>
                    <el-menu-item index="reportUpload"><i class="el-icon-upload"></i>报表上传配置</el-menu-item>
                    <el-menu-item index="tempUpload"><i class="el-icon-upload"></i>模板上传</el-menu-item>
                    <el-menu-item index="reportDownload"><i class="el-icon-download"></i>报表下载</el-menu-item>
                    <el-menu-item index="ReprotData"><i class="el-icon-loading"></i>报表数据生成</el-menu-item>
                    <el-menu-item index="reportManage"><i class="el-icon-setting"></i>报表管理</el-menu-item>
                    <el-menu-item index="reportStep"><i class="el-icon-news"></i>报表进度</el-menu-item>
                </el-submenu>
                <el-submenu index="3">
                    <template slot="title"><i class="el-icon-document"></i>字典管理</template>
                    <el-menu-item index="dictManager"><i class="el-icon-edit"></i>字典配置</el-menu-item>
                    <el-menu-item index="dictSQLManager"><i class="el-icon-edit-outline"></i>字典SQL配置</el-menu-item>
                </el-submenu>
            </el-menu>
        </el-aside>

        <el-container>
            <el-main>
                <keep-alive>
                    <router-view></router-view>
                </keep-alive>
            </el-main>
        </el-container>
    </el-container>
</template>

<script>
    export default {
        data() {
            return {
                isCollapse: true,
            };
        },
        computed: {
            defaultActive: function () {
                return this.$route.path.replace('/', '');
            }
        },
        methods: {}
    }
</script>


<style lang="less" scoped>
    @import '../style/mixin';

    .manage_page {

    }

    .el-header {
        background-color: beige;
        color: #333;
        line-height: 60px;
    }

    .el-aside {
        color: #333;
    }
</style>
